<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"
    \"http://www.w3.org/TR/html4/loose.dtd\">
<html>
    <head>
        <title>hold cookie Test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="http://kiyoto777.web.fc2.com/test/jquery.cookie.js"></script>
<script type='text/javascript'>
$(function(){
var cookie_key="button_hold";
if($.cookie(cookie_key)){                          // cookie　が存在する場合
 var button_set_value=$.cookie(cookie_key);
 $("input[name='bg01_repeat']").val([button_set_value]);
}
});
function save_button(){
var button_value;
for(i = 0; i < document.bg01_form1.bg01_repeat.length; i++){
 if(document.bg01_form1.bg01_repeat[i].checked) { 
  button_value=document.bg01_form1.bg01_repeat[i].value;break;
 }
}
// cookie set
var cookie_key="button_hold";
if($.cookie(cookie_key)){                          // cookie　が存在する場合
 $.cookie(cookie_key,null);                         // cookie delete
}
$.cookie(cookie_key,button_value,{expires:10});
}
</script>


</head>
<body>
<form name="bg01_form1" style="width:300px;">
<fieldset>
<legend>★　テスト</legend>
<br><br>◆　繰り返し<br>
　　　　　<input type="radio" name="bg01_repeat" value="no-repeat" id="bg01_a01" checked>
<label for="bg01_a01"> 繰り返ししない</label><br>
　　　　　<input type="radio" name="bg01_repeat" value="repeat"    id="bg01_a02">
<label for="bg01_a02"> 横と縦に繰り返しする</label><br>
　　　　　<input type="radio" name="bg01_repeat" value="repeat-x"  id="bg01_a03">
<label for="bg01_a03"> 横に繰り返しする</label><br>
　　　　　<input type="radio" name="bg01_repeat" value="repeat-y"  id="bg01_a04">
<label for="bg01_a04"> 縦に繰り返しする</label><br>
<input type="button" name="save_button1" value="保存" onClick="save_button();">
</fieldset>
</form>
</body>
</html>
